<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>Liste des Livres</title>
        <link type="text/css" rel="stylesheet" href="<c:url value="/inc/style.css" />" />
    </head>

    <body>
        <div id="header">
            <c:import url="/inc/header.jsp"/>
        </div>

        <div id="article_cata">
            <c:import url="/inc/catalogue_header.jsp" />
            <c:choose>
                <%-- Si aucune listeLivres n'existe en session, affichage d'un message par défaut. --%>
                <c:when test="${empty sessionScope.livres}">
                    <p class="erreur">FIN de la liste des livres. ;-)</p>
                </c:when>
                <%-- Sinon, affichage du tableau. --%>
                <c:otherwise>
                    <table>
                        <tr>
                            <th>COVER</th>
                            <th>ID</th>
                            <th>ISBN</th>
                            <th>TITRE</th>
                            <%--<th>SOUS TITRE</th>--%>
                            <th>PRIX</th>
                            <th>PUBLICATION</th>
                            <%--<th>PAGES</th>--%>
                            <th>STOCK</th>
                            <th class="action">Panier</th>                    
                        </tr>

                        <c:forEach var="livre" items="${sessionScope.livres}" varStatus="boucle" >
                            <%-- Simple test de parité sur l'index de parcours, pour alterner la couleur de fond de chaque ligne du tableau. --%>
                            <tr class="${boucle.index % 2 == 0 ? 'pair' : 'impair'}">
                                <th><a href="<c:url value="/ctrl/?action=detaillivre&livreid=${livre.livId}"/>"><img src="<c:url value="/images/${livre.livId}.jpg"/>"/></a></th>
                                <td><c:out value="${livre.livId}"/></td>
                                <td><c:out value="${livre.livIsbn}"/></td>
                                <td><a href="<c:url value="/ctrl/?action=detaillivre&livreid=${livre.livId}"/>"><c:out value="${livre.livTitre}"/></a></td>
                                <%--<td><c:out value="${livre.livSousTitre}"/></td>--%>
                                <td><c:out value="${livre.livPrixHt}"/></td>
                                <td><c:out value="${livre.livDatePublication}"/></td>
                                <%--<td><c:out value="${livre.livNbPages}"/></td>--%>
                                <c:if test="${livre.livStock > 0}" >
                                    <td><c:out value="En Stock"/></td>
                                    <td class="action">
                                        <a href="<c:url value="/ctrl/"><c:param name="livID" value="${livre.livId}" /></c:url>">
                                            <img src="<c:url value="/images/panier.png"/>" alt="Panier" />
                                        </a>
                                    </td>
                                </c:if>
                                <c:if test="${livre.livStock == 0}" >
                                    <td class="actionred"><c:out value="Dispo sous 7 jours"/></td>
                                    <td>
                                        <a href="mailto:">Ecrivez-nous pour la disponibilité !</a>
                                        </a>
                                    </c:if>

                                    <%-- Lien vers la servlet panier, avec passage de l'Id du livre en paramètre grâce à la balise <c:param/>. --%>
                            </tr>
                        </c:forEach>
                    </table>
                </c:otherwise>
            </c:choose>
            <c:import url="/inc/catalogue_header.jsp" />            
        </div>

        <div id="nav">
            <c:import url="/inc/nav.jsp"/>
        </div>

        <div id="footer">
            <c:import url="/inc/footer.jsp"/>
        </div> 

    </body>
</html>
